<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>SGR - Sistema de Gerenciamento de Restaurante</title>

<!-- Core CSS - Include with every page -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<!-- Page-Level Plugin CSS - Blank -->

<!-- SB Admin CSS - Include with every page -->
<link href="css/sb-admin.css" rel="stylesheet">

</head>

<body>

	<div id="wrapper">

		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".sidebar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">Gerenciador de
					Restaurante 1.0</a>
			</div>
			<!-- /.navbar-header -->

			<ul class="nav navbar-top-links navbar-right">

				<!-- /.dropdown -->
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
						<i class="fa fa-caret-down"></i>
				</a>
					<ul class="dropdown-menu dropdown-user">
						<li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i>
								Sair</a></li>
					</ul> <!-- /.dropdown-user --></li>
				<!-- /.dropdown -->
			</ul>
			<!-- /.navbar-top-links -->

		</nav>
		<!-- /.navbar-static-top -->

		<nav class="navbar-default navbar-static-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="side-menu">
					<li><a href="#"><i class="fa fa-tablet fa-fw"></i> Meus
							Pedidos<span class="fa arrow"></span></a>
						<ul class="nav nav-second-level">
							<li><a href="flot.html">Efetuar Pedido</a></li>
							<li><a href="morris.html">Listagem</a></li>
						</ul></li>

					<li><a href="#"><i class="fa fa-file fa-fw"></i> Cadastros<span
							class="fa arrow"></span></a>
						<ul class="nav nav-second-level">
							<li><a href="flot.html">Clientes</a></li>
							<li><a href="cadastroCategoria.html">Categorias</a></li>
							<li><a href="morris.html">Cardápios</a></li>
							<li><a href="morris.html">Funcionário</a></li>
							<li><a href="morris.html">Mesa</a></li>
							<li><a href="morris.html">Reserva</a></li>
						</ul> <!-- /.nav-second-level --></li>
					<li><a href="#"><i class="fa fa-list fa-fw"></i> Listagem<span
							class="fa arrow"></span></a>
						<ul class="nav nav-second-level">
							<li><a href="flot.html">Pedidos</a></li>
							<li><a href="morris.html">Categorias</a></li>
							<li><a href="morris.html">Cardápios</a></li>
							<li><a href="morris.html">Funcionário</a></li>
							<li><a href="morris.html">Mesa</a></li>
							<li><a href="morris.html">Reserva</a></li>
						</ul> <!-- /.nav-second-level --></li>

					<li><a href="#"><i class="fa fa-globe fa-fw"></i> Delivery<span
							class="fa"></span></a></li>
					<li><a href="#"><i class="fa fa-users fa-fw"></i> Pedido
							Funcionário<span class="fa"></span></a> <!-- /.nav-second-level --></li>
				</ul>
				<!-- /#side-menu -->
			</div>
			<!-- /.sidebar-collapse -->
		</nav>
		<!-- /.navbar-static-side -->

		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="page-header">Nova Categoria</h3>
				</div>
				<!-- /.col-lg-12 -->
				
				<div class="col-lg-3	">
					<form role="form" action='cadastrarCategoria' method='post'>
						<input type='hidden' name='id' value='"+(categoria != null ? categoria.getId() : "")+"'>
						<div class="form-group" >
							<label>Nome:</label> <input class="form-control" placeholder="Nome da categoria" name="nome">
						</div>
	
						<div class="form-group">
							<label>Status:</label> <select class="form-control" name="status">
								<option>---Selecione---</option>
								<option value="A">Ativo</option>
								<option value="I">Inativo</option>
							</select>
						</div>
						
						<button type="submit" class="btn btn-default">Adicionar</button>
						<button type="button" class="btn btn-default">Voltar</button>
					</form>
				</div>
			</div>
			<!-- /.row -->
		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- /#wrapper -->

	<!-- Core Scripts - Include with every page -->
	<script src="js/jquery-1.10.2.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>

	<!-- Page-Level Plugin Scripts - Blank -->

	<!-- SB Admin Scripts - Include with every page -->
	<script src="js/sb-admin.js"></script>

	<!-- Page-Level Demo Scripts - Blank - Use for reference -->

</body>

</html>
